<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>span标签</title>
</head>
<body>
<!--
    行级元素不需要设置宽度与高度
    其占用的区域属于自适应
-->
<span style="color: red;width: 600px;height: 300px;background-color: pink;">
    <font>这是字体</font>
    <span>这是span</span>
    没有标签
    <!-- 语法没错,会破坏span的行级特性,会使得span变为块级元素 -->
    <h1>这是标题</h1>
</span>
<font>这是字体</font>
</body>
</html>